<%@ taglib prefix="m" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page isELIgnored="false"%>
<html>
<head>
<link rel="stylesheet" href="css/reset-fonts-grids.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<div id="doc3" class="yui-t1">
<div id="hd"></div>
<div id="bd">
<div id="yui-main">
<div class="yui-b" id="content">
<table id="ct-table">
	<tr id="ct-table-optionbar">
		<th colspan="5">
		<div id="option">
		<ul>
			<li><m:message key="option" /></li>
			<li><a href='javascript:showLabelDialogAdd()'> <m:message
				key="add" /></a></li>
			<li><a href="javascript:del();"><m:message key="del" /></a></li>
			<li class="option-spacing"></li>
			<li><m:message key="choose" /></li>
			<li><a href="javascript:selectAll();"><m:message key="all" /></a></li>
			<li><a href="javascript:unSelectAll();"><m:message key="none" /></a></li>
		</ul>
		</div>
		</th>
	</tr>
	<c:forEach var="label" items="${labels}" varStatus="stat">
		<c:choose>
			<c:when test="${(stat.index % 2) == 0  }">
				<tr class="odd"  keyString="${label.keyString}">
					<td><input type="checkbox"  keyString="${label.keyString}"/></td>
					<td><a href="javascript:void();"
						onclick='showLabelDialogEdit(this);return false;' keyString="${label.keyString}">${label.name}</a></td>
					<td><m:message key="labelCount">
						<m:param value="${label.count}" />
					</m:message></td>
				</tr>
			</c:when>
			<c:otherwise>
				<tr keyString="${label.keyString}">
					<td><input type="checkbox"  keyString="${label.keyString}"/></td>
					<td><a href="javascript:void();"
						onclick='showLabelDialogEdit(this);return false;' keyString="${label.keyString}">${label.name}</a></td>
					<td><m:message key="labelCount">
						<m:param value="${label.count}" />
					</m:message></td>
				</tr>
			</c:otherwise>
		</c:choose>
	</c:forEach>
	<tr id='table-footer'>

	</tr>
</table>
</div>
</div>
<div class="yui-b" id="leftbar">
<div id="menu">
<ul>
	<li><a href="javascript:showBillDialogAdd();" class="bold"><m:message
		key="addBill" /></a></li>
	<li class="spacing"></li>
	<li><a href="index.htm"><m:message key="manageBill" /></a></li>
	<li class="active"><a href="label.htm"><m:message
		key="manageLabel" /></a></li>
	<li><a href="schedule.html"><m:message key="manageSchedule" /></a></li>
	<li><a href="#"><m:message key="showReport" /></a></li>
	<li><a href="#"><m:message key="preferences" /></a></li>
	<li><a href="#"><m:message key="about" /></a></li>
</ul>
</div>
</div>
</div>
<div id="ft"><%@include file="footer.jsp" %></div>
</div>
<!-- pop up window -->
<div id="mask"></div>
<div id="label-dialog" class="dialog">
<h2></h2>
<div class="tip">
</div>
<div class="center">
<table>
	<tr>
		<td class="field"><m:message key="labelName" /></td>
		<td>
			<input type="text" id="_label_name">
			<input type="hidden" id="_label_id"/>
		</td>
	</tr>
</table>
</div>
<div class="option">
	<span id="labelAddOption">
		<a href="javascript:addLabelAndNext();"><m:message key="OKAndAddNext" /></a>
		<a href="javascript:addLabel();"><m:message key="OK" /></a>
		<a href="javascript:shutLabelDialog();"><m:message key="cancel" /></a>
	</span>
	<span id="labelEditOption">
		<a href="javascript:editLabel();"><m:message key="OK" /></a>
		<a href="javascript:shutLabelDialog();"><m:message key="cancel" /></a>
	</span>
</div>
</div>
<div id="bill-dialog" class="dialog">
<h2></h2>
<div class="center">
<table>
	<tr>
		<td class="field"><m:message key="date"/></td>
		<td><input type="text" id='_bill_date'><input type="hidden" id="_bill_id" ></td>
	</tr>
	<tr class="odd">
		<td class="field"><m:message key="amount"/></td>
		<td><input type="text" id="_bill_amount"></td>
	</tr>
	<tr>
		<td class="field"><m:message key="label"/></td>
		<td><input type="text" id="_bill_label"></td>
	</tr>
	<tr class="odd">
		<td class="field"><m:message key="remark"/></td>
		<td><textarea id="_bill_remark"></textarea></td>
	</tr>
</table>
</div>
<div class="option">
	<span id="billAddOptionBar">
		<a href="javascript:addBillAndNext();"><m:message key="OKAndAddNext"/></a>
		<a href="javascript:addBill();"><m:message key="OK"/></a>
		<a href="javascript:shutBillDialog();"><m:message key="cancel"/></a>
	</span>
	<span id="billEditOptionBar">
		<a href="javascript:editBill();"><m:message key="OK" /></a>
		<a href="javascript:shutBillDialog();"><m:message key="cancel" /></a>
	</span>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/addBill.js"></script>
<script type="text/javascript" src="js/manageLabel.js"></script>
<script src="js/jquery.datePicker.js" type="text/javascript" ></script>
<!--[if IE]><script type="text/javascript" src="js/jquery.bgiframe.min.js"></script><![endif]-->
</html>